<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmmon.css">
    <link rel="stylesheet" href="./css/live.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div class="box">
        <!-- 头部开始 -->
        <header class="top">
            <span class="return iconfont icon-fanhui"></span>
            <p><span class="title">小米有品生活优选</span></p>
        </header>
        <!-- 头部结束 -->
        <!-- 主要内容开始 -->
        <main class="content">
            <div class="pic">
                <img src="./images/img_c36e3a0b-cbef-4512-a987-dadfe107f191.png" alt="">
            </div>
            <div class="publish">
                <span class="title">正在首发</span>
                <span>限时两周首发价</span>
                |
                <span>包邮</span>
            </div>
            <ul class="content-list">
                <li class="content-list-item">
                    <img src="./images/img_c760ec9d-b510-4c62-b137-0e3fc4dbb058.png" alt="">
                </li>
                <li class="content-list-item">
                    <img src="./images/img_0957ca0d-c0f0-4927-8229-527200468a60.png" alt="">
                </li>
                <li class="content-list-item">
                    <img src="./images/img_7b8552a1-0a8d-4496-a754-e4067c9a7326.png" alt="">
                </li>
                <li class="content-list-item">
                    <img src="./images/img_96809540-fa8b-4fd1-9a34-49cd04d762a6.png" alt="">
                </li>
                <li class="content-list-item">
                    <img src="./images/img_f76f390e-6f77-428b-91a1-e8ff7563b8f8.png" alt="">
                </li>
                <li class="content-list-item">
                    <img src="./images/img_fb531861-2073-4b81-a756-03778af387af.png" alt="">
                </li>
            </ul>
            <div class="publish">
                <span class="title">上新预告</span>
                <span>获取上线通知</span>
            </div>
            <ul class="advance">
                <li class="advance-item">
                    <img src="./images/img_e502b69e-3e7a-4c74-ace6-59cfe7f8d221.png" alt="">
                    <div class="advance-content">
                        <p class="advance-content-title">
                            <span>珂岸玻尿酸护唇帮</span>
                            <span>磁吸设计</span>
                            |
                            <span>保湿滋润</span>
                            |
                            <span>预防干裂</span>
                        </p>
                        <p class="timer">
                            <span class="timerID">44:37:05</span>
                            <span>438</span>
                        </p>
                        <p class="timer on">
                            <span class="timerID ">剩余开抢</span>
                            <span>人已预约</span>
                        </p>
                        <span class="remind">预约上线提醒</span>
                    </div>
                </li>
                <li class="advance-item">
                    <img src="./images/img_e502b69e-3e7a-4c74-ace6-59cfe7f8d221.png" alt="">
                    <div class="advance-content">
                        <p class="advance-content-title">
                            <span>珂岸玻尿酸护唇帮</span>
                            <span>磁吸设计</span>
                            |
                            <span>保湿滋润</span>
                            |
                            <span>预防干裂</span>
                        </p>
                        <p class="timer">
                            <span class="timerID">44:37:05</span>
                            <span>438</span>
                        </p>
                        <p class="timer on">
                            <span class="timerID ">剩余开抢</span>
                            <span>人已预约</span>
                        </p>
                        <span class="remind">预约上线提醒</span>
                    </div>
                </li>
                <li class="advance-item">
                    <img src="./images/ch.png@base@tag=imgScale&h=269&m=1&q=80&w=269" alt="">
                    <div class="advance-content">
                        <p class="advance-content-title">
                            <span>珂岸玻尿酸护唇帮</span>
                            <span>磁吸设计</span>
                            |
                            <span>保湿滋润</span>
                            |
                            <span>预防干裂</span>
                        </p>
                        <p class="timer">
                            <span class="timerID">44:37:05</span>
                            <span>438</span>
                        </p>
                        <p class="timer on">
                            <span class="timerID ">剩余开抢</span>
                            <span>人已预约</span>
                        </p>
                        <span class="remind">预约上线提醒</span>
                    </div>
                </li>
                <li class="advance-item">
                    <img src="./images/ch.png@base@tag=imgScale&h=269&m=1&q=80&w=269" alt="">
                    <div class="advance-content">
                        <p class="advance-content-title">
                            <span>珂岸玻尿酸护唇帮</span>
                            <span>磁吸设计</span>
                            |
                            <span>保湿滋润</span>
                            |
                            <span>预防干裂</span>
                        </p>
                        <p class="timer">
                            <span class="timerID">44:37:05</span>
                            <span>438</span>
                        </p>
                        <p class="timer on">
                            <span class="timerID ">剩余开抢</span>
                            <span>人已预约</span>
                        </p>
                        <span class="remind">预约上线提醒</span>
                    </div>
                </li>
            </ul>
            <div class="publish">
                <span class="title">往期生活优选</span>
                <span>生活必备好物 放心囤</span>
            </div>
            <ul class="past">
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
                <li class="past-item">
                    <img src="./images/chs.jpeg@base@tag=imgScale&h=337&m=1&q=80&w=337" alt="">
                    <p class="dt">开袋即可抗菌内裤</p>
                    <p class="dd">开袋即穿吸湿速干5A抗菌内裤</p>
                    <p class="money-item"><span class="money">￥</span><span class="number">47.9</span></p>
                    <span class="bottom">生活优选</span>
                </li>               
            </ul>
        </main>
        <!-- 主要内容结束 -->
        <!-- 底部开始 -->
        <footer class="footer">
            <div class="footer-item">
                <img src="./images/dingwei2.png" alt="">
                <span>生活优选</span>
            </div>
            <div class="footer-item">
                <img src="./images/dingwei1.png" alt="" class="img">
                <span>原产地</span>
            </div>
        </footer>
        <!-- 底部结束 -->
        
    </div>
</body>
</html>